This forum is closed to new posts and responses. Individual names altered for privacy purposes. The information contained in this website is provided for informational purposes only and should not be construed as a forum for customer support requests. Any customer support requests should be directed to the official HCL customer support channels below:

HCL Software Customer Support Portal for U.S. Federal Government clients
HCL Software Customer Support Portal



Apr 25, 2012, 8:51 PM
7 Posts

Data View row format in mobile

  • Category: Extension Library
  • Platform: Windows
  • Release: 8.5.3
  • Role: Developer
  • Tags:
  • Replies: 8
My xe:dataView rows look pretty plain (blue text on gray background) in an iPhone (and Chrome/Web); it doesn't have the usual iPhone "row" look like the one Static Line items have.  
 
This is my first xPages project, did other pages with Static Line items and they look fine, this Data View just shows as if it's writing directly on the background instead of creating a label like row for each document. 
 
Any ideas will be appreciated, thanks! 
 
 
Apr 26, 2012, 6:55 AM
126 Posts
Re: Data View row format in mobile
have you set the "xsp.theme.mobile.pagePrefix" property ??
 
In order to get the required styling, XPages needs to know which of your pages are mobile pages. This property tells XPAges that any XPage starting with this string should be giving the mobile styles. 
 
this property is set inside the xsp.properties file. easiest way to find is Ctrl + shift, R. this is the eclipse short cut to open a resource, start typing xsp.properties and it will come up.
 
e.g.  xsp.theme.mobile.pagePrefix=mobile    is what the discussion / teamroom templates use for their mobile pages (come with the ExtLib). so in this case mobile.xsp, mobile_home.xsp, mobile1.xsp etc. will receive the styling
Apr 26, 2012, 12:58 PM
7 Posts
Re: Data View row format in mobile
 Hi Simon, thanks for the reply, and for the awesome tip on getting the resources!
 
I do have the line for the Page Prefix (pasted below from my configuration).  Would there be other places to check? Page Heading & Static labels look fine, transitions work, it's the data view that's causing problems.
xsp.themes.mobile.pagePrefix=mobile 
 
Thanks! 
Apr 26, 2012, 1:58 PM
126 Posts
Re: Data View row format in mobile
Sounds strange, generally thats the main issue.
 
Do you have the discussion / teamroom templates that came with the ExtLib ? can you deploy one of those and see what the dataviews look like on that ?
 
few other things to check that come to mind. 
 
Are you running on a device or a desktop web browser, if desktop is it webkit enabled such as chrome, have you appended "?platform=iphone  or =android" to the URL (not required on actual device, just a way to test on a web browser).
 
are you receiving the iphone.css, customMobile.css and customIphone.css files ?   (should be coming up as 1 file "iphone.css&EcustomMobile.css&EcustomIphone.css.css").
 
 
Not sure if those other things are going to be relevant given you mention the other controls work fine, just checking. 
Apr 26, 2012, 8:12 PM
7 Posts
Re: Data View row format in mobile
   Thank you for following up!
 
   I do have the teamroom templates, and created a new app based on it, and it looks very nice in mobile.  I checked the code but I don't see the dataview there (in the "mobile" xPage) 
 
   I'm running both desktop (Chrome), I did appended the ?platform=iphone (though I've noticed some other examples display "well" without it).  
 
    I'm receiving a CSS file (checking it in Chrome with Developer Tools) -> http://website/xsp/.ibmxspres/.mini/css/@Da&@Ib&2Tfxsp.css&2TfxspLTR.css&2TfxspSF.css&Wdojoroot/dojox/mobile/themes/iphone/iphone.css&EcustomMobile.css&EcustomIphone.css.css
 
    
 
This is the source code of the  Xpage in case you can see something obviously wrong ... I ended up referring it to the same database in a view that I created.  Also, I checked the Elements in the Chrome Developer Tools and I can see some styles like lotusFirstCell, lotusFirst and lotusTable, but still no luck :( 
 
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex">

<xe:singlePageApp id="singlePageApp1" selectedPageName="page1">

<xe:appPage id="appPage1" pageName="page1">

<xe:djxmHeading id="djxmHeading1" label="XPages Test"></xe:djxmHeading>
<xe:dataView id="dataView1">
<xe:this.data>
<xp:dominoView var="view1" viewName="Test"></xp:dominoView>
</xe:this.data>
<xe:this.summaryColumn>
<xe:viewSummaryColumn columnName="Subject"></xe:viewSummaryColumn>
</xe:this.summaryColumn>
</xe:dataView>
</xe:appPage>

</xe:singlePageApp>
</xp:view>
 
 

Apr 27, 2012, 8:04 AM
126 Posts
Re: Data View row format in mobile
 the teamroom uses custom controls to make it easier to read inside the mobile.xsp, given its a very large application and having all that in one XPage would be a lot.
 
There are many appPages that use a dataview, allDocuments, mostRecent etc. In the mobile.xsp the single page app points to open most recent first, find that appPage and open the custom control. 
 
I don't see anything wrong with your code the dataview should be showing the same as the teamroom one 
Apr 30, 2012, 7:30 PM
7 Posts
Re: Data View row format in mobile
   Thanks for the feedback.  I installed Upgrade Pack 1 and Fix Pack 1 on other servers to see if there was something in my server but no luck.  I'll keep checking, I'll probably just start xPages in other dbs and see if that helps.
 
   Thank you! 
May 1, 2012, 8:02 AM
126 Posts
Re: Data View row format in mobile
 One more long shot, you don't have any other themes / css files that you've included to the app that might be conflicting ??
Jun 1, 2012, 5:19 PM
7 Posts
Solution - Re: Data View row format in mobile
Thanks for your help.  For me, the solution was to uninstall the Upgrade Pack and then I installed the Extension Library from OpenNTF and that did it.  After that, mobile views are displaying with no problems.

This forum is closed to new posts and responses. Individual names altered for privacy purposes. The information contained in this website is provided for informational purposes only and should not be construed as a forum for customer support requests. Any customer support requests should be directed to the official HCL customer support channels below:

HCL Software Customer Support Portal for U.S. Federal Government clients
HCL Software Customer Support Portal